.spinner-arrow {
    background-color: #3d3d3d;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin: 0;
    padding: 0;
    opacity: 1.0;
    filter: alpha(opacity=100);
    width: 18px;
}

.spinner-arrow-up,
.spinner-arrow-down {
    opacity: 0.6;
    filter: alpha(opacity=60);
    display: block;
    font-size: 1px;
    width: 18px;
    height: 10px;
    width: 100%;
    height: 50%;
    color: #fff;
    outline-style: none;
}

.spinner-arrow-hover {
    background-color: #777;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.spinner-arrow-up:hover,
.spinner-arrow-down:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
    background-color: #777;
}

.textbox-icon-disabled .spinner-arrow-up:hover,
.textbox-icon-disabled .spinner-arrow-down:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    background-color: #3d3d3d;
    cursor: default;
}

.spinner .textbox-icon-disabled {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.spinner-arrow-up {
    background: url('images/spinner_arrows.png') no-repeat 1px center;
}

.spinner-arrow-down {
    background: url('images/spinner_arrows.png') no-repeat -15px center;
}

.spinner-button-up {
    background: url('images/spinner_arrows.png') no-repeat -32px center;
}

.spinner-button-down {
    background: url('images/spinner_arrows.png') no-repeat -48px center;
}
